<!DOCTYPE html>
<!--[if lte IE 8]>              <html class="ie8 no-js" lang="en">     <![endif]-->
<!--[if IE 9]>					<html class="ie9 no-js" lang="en">     <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--> <html class="not-ie no-js" lang="en">  <!--<![endif]-->
<head>
	<!-- Google Web Fonts
  ================================================== -->
	<link href='http://fonts.googleapis.com/css?family=Allura|Oswald:400,700,300' rel='stylesheet' type='text/css'>
	
	<!-- Basic Page Needs
  ================================================== -->
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!--[if ie]><meta http-equiv='X-UA-Compatible' content="IE=edge,IE=9,IE=8,chrome=1" /><![endif]-->
	
	<title>Almera | Blog</title>
	
	<meta name="description" content="">
	<meta name="author" content="">
	<link rel="shortcut" href="images/favicon.ico" />
	
	<!-- Mobile Specific Metas
  ================================================== -->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	
	<!-- CSS
  ================================================== -->
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/skeleton.css" />
	<link rel="stylesheet" href="css/layout.css" />
	
	<link rel="stylesheet" href="css/font-awesome.css" />
	<link rel="stylesheet" href="js/fancybox/jquery.fancybox.css" />

	<!-- HTML5 Shiv
	================================================== -->
	<script src="js/jquery.modernizr.js"></script>
	
</head>
<body>
	
<!-- - - - - - - - - - - - - - Header - - - - - - - - - - - - - - - - -->	

<header id="header">

	<div class="container">

		<div class="sixteen columns">

			<div id="logo">
				<h1><a href="index.html">Almera</a></h1>
			</div><!--/ #logo-->

			<nav id="navigation" class="navigation">

				<div class="menu">

					<ul>
						<li><a href="index.html">Home</a>
							<ul>
								<li><a href="index.html">Home Grid 1</a></li>
								<li><a href="index4.html">Home Grid 2</a></li>
								<li><a href="index5.html">Fullscreen</a></li>
								<li><a href="masonry.html">Masonry</a></li>
							</ul>
						</li>
						<li><a href="image-gallery.html">Gallery</a>
							<ul>
								<li><a href="image-gallery.html">Image Gallery</a></li>
								<li><a href="thumbnails.html">Thumbnails</a></li>
								<li><a href="gallery-3-columns.html">3 Columns</a></li>
								<li><a href="gallery-4-columns.html">4 Columns</a></li>
							</ul>
						</li>
						<li><a href="albums.html">Albums</a></li>
						<li><a href="about.html">About</a></li>
						<li><a href="elements.html">Features</a>
							<ul>
								<li><a href="elements.html">Elements</a></li>
								<li><a href="columns.html">Columns</a></li>
								<li><a href="typography.html">Typography</a></li>
							</ul>
						</li>
						<li class="current-menu-item"><a href="blog.html">Blog</a></li>
						<li><a href="contact.html">Contact</a></li>
					</ul>

				</div><!--/ .menu-->

			</nav><!--/ #navigation-->	

		</div><!--/ .columns-->

	</div><!--/ .container-->

</header><!--/ #header-->

<!-- - - - - - - - - - - - - - end Header - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	

<div id="wrapper" class="sbr">
	
	<div id="content">

		<div class="container">

			<div class="page-header">
				<h1>keep up <br /> with latest news</h1>
			</div><!--/ .page-header-->

			<section id="main" class="twelve columns">

				<article class="entry clearfix">

					<div class="ten columns">

						<a class="single-image link-icon" href="blog-single.html">
							<img alt="" src="images/blog/blog-img-2.jpg">
						</a>

						<div class="entry-date">
							<a href="#">
								<span class="entry-day">15</span>
								<span class="entry-month">apr</span>
							</a>
							<span class="entry-year">2013</span>
						</div><!--/ .entry-date-->

						<div class="entry-meta">
							<h3 class="title"><a href="blog-single.html">Single Clean Post</a></h3>

							<span class="author"><a href="#">By Admin</a></span>
							<span class="categories"><a href="#">Photography</a></span>
							<span class="comments"><a href="#">4 Comments</a></span>
						</div><!--/ .entry-meta-->

						<div class="clear"></div>

						<div class="entry-body">

							<p>
								Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in 
								faucibus orci luctus et ultrices posuere cubilia mattis vel elit porttitor
								euismod pharetra sem interdum. Etiam laoreet sagittis placerat magna sit amet 
								massa posuere pretiumulum id est nulla, non adipiscing tortor. Aenean sed dolor 
								quis nulla sodales bibendum. In vitae justo mi. 
							</p>

							<a href="blog-single.html" class="button">Read More</a>

						</div><!--/ .entry-body-->

					</div><!--/ .columns-->

				</article><!--/ .entry-->			

				<article class="entry clearfix">

					<div class="ten columns">

						<div class="image-post-slider">
							<ul>
								<li><img src="images/blog/blog-img-1.jpg" alt="" /></li>
								<li><img src="images/blog/blog-img-2.jpg" alt="" /></li>
								<li><img src="images/blog/blog-img-3.jpg" alt="" /></li>										
							</ul>		
						</div><!--/ .image-post-slider-->

						<div class="entry-date">
							<a href="#">
								<span class="entry-day">10</span>
								<span class="entry-month">apr</span>
							</a>
							<span class="entry-year">2013</span>
						</div><!--/ .entry-date-->

						<div class="entry-meta">
							<h3 class="title"><a href="blog-single.html">Post with custom slideshow</a></h3>

							<span class="author"><a href="#">By Admin</a></span>
							<span class="categories"><a href="#">Photography</a></span>
							<span class="comments"><a href="#">4 Comments</a></span>
						</div><!--/ .entry-meta-->	

						<div class="clear"></div>

						<div class="entry-body">

							<p>
								Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in 
								faucibus orci luctus et ultrices posuere cubilia mattis vel elit porttitor
								euismod pharetra sem interdum. Etiam laoreet sagittis placerat magna sit amet 
								massa posuere pretiumulum id est nulla, non adipiscing tortor. Aenean sed dolor 
								quis nulla sodales bibendum. In vitae justo mi. 
							</p>

							<a href="blog-single.html" class="button">Read More</a>

						</div><!--/ .entry-body-->

					</div><!--/ .columns-->

				</article><!--/ .entry-->			

				<article class="entry clearfix">

					<div class="ten columns">

						<iframe class="entry-video" src="http://player.vimeo.com/video/64804507" width="580" height="360"></iframe>

						<div class="entry-date">
							<a href="#">
								<span class="entry-day">07</span>
								<span class="entry-month">apr</span>
							</a>
							<span class="entry-year">2013</span>
						</div><!--/ .entry-date-->

						<div class="entry-meta">
							<h3 class="title"><a href="blog-single.html">Just video post</a></h3>

							<span class="author"><a href="#">By Admin</a></span>
							<span class="categories"><a href="#">Photography</a></span>
							<span class="comments"><a href="#">4 Comments</a></span>
						</div><!--/ .entry-meta-->	

						<div class="entry-body">

							<p>
								Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in 
								faucibus orci luctus et ultrices posuere cubilia mattis vel elit porttitor
								euismod pharetra sem interdum. Etiam laoreet sagittis placerat magna sit amet 
								massa posuere pretiumulum id est nulla, non adipiscing tortor. Aenean sed dolor 
								quis nulla sodales bibendum. In vitae justo mi. 
							</p>

							<a href="blog-single.html" class="button">Read More</a>

						</div><!--/ .entry-body-->

					</div><!--/ .columns-->

				</article><!--/ .entry-->			

				<div class="wp-pagenavi">
					<a href="blog-single.html" class="prev page-numbers"></a>
					<span class="page-numbers current">1</span>
					<a href="blog-single.html" class="page-numbers">2</a>
					<a href="blog-single.html" class="page-numbers">3</a>
					<a href="blog-single.html" class="next page-numbers"></a>
				</div><!--/ .wp-pagenavi-->

			</section><!--/ #main-->

			<aside id="sidebar" class="four columns">

				<div class="widget widget_text">

					<h3 class="widget-title">About Our Wedding</h3>

					<div class="textwidget">

						<p>
							Risus mollis malesuada quis quis nulla. Vestibulum ante ipsum primis in 
							faucibus orci luctus et ultrices posuere cubilia mattis vel elit porttitor
							euismod pharetra sem interdum. 
						</p>

					</div><!--/ .textwidget-->

				</div><!--/ .widget-->

				<div class="widget widget_search">

					<form action="#" method="post">

						<p>
							<input type="search" id="s">
							<button class="submit-search" type="submit">Search</button>
						</p>

					</form>

				</div><!--/ .widget-->

				<div class="widget widget_categories">

					<h3 class="widget-title">Categories</h3>

					<ul>
						<li><a href="blog.html">Fashion</a></li>
						<li><a href="blog.html">Wedding</a></li>
						<li><a href="blog.html">Interior</a></li>
					</ul>

				</div><!--/ .widget-->

				<div class="widget widget_popular_posts">

					<h3 class="widget-title">Popular Posts</h3>

					<ul>					
						<li> 
							<div class="image-holder">
								<a href="blog-single.html"><img src="images/temp/popular-1.jpg" alt="" ></a>
							</div>
							<div class="post-holder">
								<h6><a href="blog-single.html">Risus Mollis Nalesuada Vestibulum</a></h6>
								<span>April 15, 2012</span>
							</div>
						</li>
						<li> 
							<div class="image-holder">
								<a href="blog-single.html"><img src="images/temp/popular-2.jpg" alt="" ></a>
							</div>
							<div class="post-holder">
								<h6><a href="blog-single.html">Primis in Faucibus Luctus</a></h6>
								<span>April 15, 2013</span>
							</div>	
						</li>
						<li> 
							<div class="image-holder">
								<a href="blog-single.html"><img src="images/temp/popular-3.jpg" alt="" ></a>
							</div>
							<div class="post-holder">
								<h6><a href="blog-single.html">Euismod pharetra sem interdum</a></h6>
								<span>March 22, 2013</span>
							</div>	
						</li>
					</ul>

				</div><!--/ .widget-->

				<div class="widget widget_calendar">

					<div id="calendar_wrap">

						<table id="wp-calendar">

							<caption>April 2013</caption>

							<thead>
								<tr>
									<th title="Sunday" scope="col">S</th>
									<th title="Monday" scope="col">M</th>
									<th title="Tuesday" scope="col">T</th>
									<th title="Wednesday" scope="col">W</th>
									<th title="Thursday" scope="col">T</th>
									<th title="Friday" scope="col">F</th>
									<th title="Saturday" scope="col">S</th>
								</tr>
							</thead>
							<tfoot>
								<tr>
									<td id="prev" colspan="3">
										<a title="" href="#">« Jul</a>
									</td>
									<td class="pad">&nbsp;</td>
									<td id="next" colspan="3">
										<a title="" href="#">Feb »</a>
									</td>
								</tr>
							</tfoot>
							<tbody>
								<tr>
									<td class="pad" colspan="2">&nbsp;</td>
									<td>1</td>
									<td>2</td>
									<td>3</td>
									<td>4</td>
									<td>5</td>
								</tr>
								<tr>
									<td>6</td>
									<td>7</td>
									<td>8</td>
									<td>9</td>
									<td>10</td>
									<td>11</td>
									<td>12</td>
								</tr>
								<tr>
									<td>13</td>
									<td>14</td>
									<td>15</td>
									<td>16</td>
									<td id="today">17</td>
									<td>18</td>
									<td>19</td>
								</tr>
								<tr>
									<td>20</td>
									<td>21</td>
									<td>22</td>
									<td>23</td>
									<td>24</td>
									<td>25</td>
									<td>26</td>
								</tr>
								<tr>
									<td>27</td>
									<td>28</td>
									<td>29</td>
									<td>30</td>
									<td>31</td>
									<td colspan="2" class="pad">&nbsp;</td>
								</tr>
							</tbody>
						</table>

					</div>

				</div><!--/ .widget-->

				<div class="widget ThemeMakers_Flickr_Widget">

					<h3 class="widget-title">Photostream</h3>

					<ul class="flickr-badge clearfix"></ul>

				</div><!--/ .widget-->

			</aside><!--/ #sidebar-->

		</div><!--/ .container-->

	</div><!--/ #content-->
	
</div><!--/ #wrapper-->

<!-- - - - - - - - - - - - - - - - Content - - - - - - - - - - - - - - - - -->	


<!-- - - - - - - - - - - - - - - Footer - - - - - - - - - - - - - - - - -->	

<footer id="footer">

	<div class="container">

		<div class="sixteen columns">

			<div class="eight columns alpha">

				<div class="copyright">
					Copyright &copy; 2013. ThemeMakers. All rights reserved
				</div><!--/ .copyright-->

				<div class="developed">
					Developed by <a href="#">ThemeMakers</a>
				</div><!--/ .developed-->

			</div><!--/ .columns-->

			<div class="eight columns omega">

				<ul class="social-icons">
					<li class="twitter"><a target="_blank" href="https://twitter.com/ThemeMakers"><span>Twitter</span></a></li>
					<li class="facebook"><a target="_blank" href="http://www.facebook.com/wpThemeMakers"><span>Facebook</span></a></li>
					<li class="dribble"><a target="_blank" href="http://dribbble.com/"><span>Dribbble</span></a></li>
					<li class="vimeo"><a target="_blank" href="https://vimeo.com/"><span>Vimeo</span></a></li>
					<li class="youtube"><a target="_blank" href="http://www.youtube.com/"><span>Youtube</span></a></li>
					<li class="instagram"><a target="_blank" href="http://www.instagram.com/"><span>Instagram</span></a></li>
					<li class="rss"><a target="_blank" href="#"><span>Rss</span></a></li>
				</ul><!--/ .social-icons-->	

			</div><!--/ .columns-->

		</div><!--/ .columns-->

	</div><!--/ .container-->

</footer><!--/ #footer-->

<!-- - - - - - - - - - - - - - end Footer - - - - - - - - - - - - - - - -->			

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="js/jquery.min.js"><\/script>')</script>
<script src="js/jquery.easing.1.3.min.js"></script>
<script src="js/jquery.cycle.all.min.js"></script>
<script src="js/jquery.jflickrfeed.min.js"></script>
<!--For Touch Devices-->
<script src="js/jquery.touchswipe.min.js"></script>
<!--end Touch Devices-->
<script src="js/fancybox/jquery.fancybox.pack.js"></script>
<script src="js/config.js"></script>
<script src="js/custom.js"></script>
</body>
</html>